﻿@using GestionCompte.Helpers

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/960_24_col.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/ModalForm.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.8.2.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-ui-1.9.1.custom.js")"></script>
    <script src="@Url.Content("~/Widget/Timeline.js")" type="text/javascript"></script>
</head>

<body>
    <div id="divMenu">
        @Html.GenerateMenu("file", FileMenuName:"MenuLayout.xml")
    </div>
    <div id="divBody">
        <span id="spanBody">
            @RenderBody()
        </span>
    </div>
    
    @using (Html.BeginForm("Enter", "Connection", FormMethod.Get, new { id="menuForm"})){}
</body>


<script type="text/javascript">
    $(document).ready(function () {
        $(window).bind("load resize", function () {
            if ($(window).width() > 1024)
            {
                var size = $(window).width() - $('#divMenu').css("width").replace("px", "");
                $('#divBody').css("width", size + "px");
            }
        });

        $('li').mouseenter(function () {
            $(this).addClass("selected-menu");
        });

        $('li').mouseleave(function () {
            $(this).removeClass("selected-menu");
        });
    });
</script>

</html>
